<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>forget password</title>
    <script src="../lib/jquery-3.0.0.js"></script>

    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet"  type="text/css"  href="../css/password.css">
    <link rel="stylesheet" href="../css/base.css"/>
    <script src="../lib/jquery-3.0.0.js"></script>
    <script src="../js/services/service.js"></script>
    <script src="../js/services/api.js"></script>
    <script src="../js/password.js"></script>
    <script src="../js/tools/checkDOM.js"></script>

</head>
<body>

<div class="top_bar">
</div>


<div class="background">


<div class="title">
<div class="top_title">
    <div class="left_title">
        <img src="../img/login/logo.png" alt="">
        <span class="title_line"></span>
        <p class="title_text">
            <span class="buluo_web_address">BULUO .COM</span><br>
            <span class="title_content">链接有趣的世界</span>
        </p>
    </div>
    <div class="right_title">
        <p>你好，请<a href="login.html">登录</a>  免费注册</p>
    </div>
</div>
</div>


<div class="main_content" >

    <div class="sub_title">
    <p><a  class="form-inline" href="login.html">首页</a>>找回密码</p>
    </div>

    <div class="content">
    <div class="schedule">
        <div class="schedule_img">
            <img class="input_username" src="../img/password/username.png" alt="">
            <img class="check" src="../img/password/check.png" alt="">
            <img class="reset_password" src="../img/password/reset_password.png" alt="">
            <img class="success_img" src="../img/password/success.png" alt="">
        </div>
        <div class="schedule_line">
            <li class="first_left_line"></li> <li class="first">1</li><li class="first_right_line"></li><li class="second_left_line"></li><li class="second">2</li>
            <li class="second_right_line"></li> <li class="third_left_line"></li><li class="third">3</li><li class="third_right_line"></li><li class="fouth_left_line"></li>
            <li class="fouth">4</li><li class="fouth_right_line"></li>
        </div>


        <div class="inputAmount">
            <div>
                <div><p>手机号:</p><input id="input_amount_phone" class="form-control" type="text" placeholder="请输入手机号" /></div>
                <div><p>验证码:</p><input id="input_amount_code" class="form-control" style="width: 35%;" type="text"/>
                    <img class="verification_code_img" src="../img/password/vertify_code.jpeg" alt=""/>
                <span class="change_code">换一张</span></div>

                <button id="submit_amount" class="btn btn-default">下一步</button>
            </div>
        </div>

        <div class="verifyIdentity" hidden="hidden">
            <div>
                <p>您正在找回登录名为 "<span class="verify_phone_numer"></span> "的登录密码。帐号不对?  <a class="back_reset" href="">返回重填</a></p>
                <p class="verify_prompt">根据您的帐号情况，可选择通过以下验证方式找回密码:</p>
            </div>
            <div class="phone_verify_way">
                <img src="../img/password/phone.png"/>
                <div class="phone_verify_content">
                    <p>通过验证绑定手机找回</p>
                    <p  style="text-align: left" class="verify_phone_numer"></p>
                </div>
                <button id="verify_button" class="btn btn-default">立即验证</button>
            </div>
        </div>


        <div class="resetPassword" hidden="hidden">
            <div action="">
                <p>请输入新密码：<input autocomplete="off" id="newPassword" class="form-control" type="password"/></p>
                <p>请确认新密码：<input autocomplete="off" id="newPasswordConfirm" class="form-control" type="password"/></p>
                <input class="form-control" id="submit_password_input" type="submit" value="确 定"/>
            </div>
        </div>

        <div class="success" hidden="hidden">
            <p>您的登录名为<span class="verify_phone_numer"></span>的登录密码已设置成功。</p>
            <button class="login">登录</button>
            <p></p>
        </div>

        <div class="getVeryficationCode" hidden="hidden">
            <p>正发送到 "<span class="verify_phone_numer"></span>" 请注意查收。并在下方输入短信中的6位验证码:</p>
            <p  class="input_message_code"><span>短信验证码:</span>
                <input style="float:left;" id="messageCodeInput" class="form-control" type="text"/><input id="sendVerificationCode" class="form-control" type="button" value="获取短信验证码"/></p>
            <button id="confirmGetVeryficationCode" class="btn btn-default">下一步</button>
        </div>

    </div>
</div>


</div>


</div>

<div class="bottom-bar">
    <!--<div class="link-bar">-->
        <!--<a href="">关于我们</a><a href="">联系方式</a><a href="">广告服务</a><a href="">新闻中心</a><a href="">网站地图</a><a href="">公司资质</a><a href="">加入我们</a><a href="">支付方式</a><a href="">热门服务</a><a href="">部落公社移动网</a>-->
    <!--</div>-->
    <div class="bottom-info">
        <span>杭州部落公社科技有限公司</span>
        <span class="bottom-center-line">|</span>
        <span>2016 Tribe All Rights Reserved</span>
    </div>
    <p><a href="http://www.miitbeian.gov.cn/">浙ICP备16039919号</a></p>
    <p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010402002914">浙公网安备33010402002914号</a></p>
</div>

<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>